import React from 'react';
import { Image } from 'antd-mobile';
import styles from './index.less';

interface GoodsItemProps {
  url: string;
  title: string;
  price: number;
}

const GoodsItem: React.FC<GoodsItemProps> = ({ url, title, price }) => {
  return (
    <div className={styles.imgbox}>
      <Image src={url} fit="contain" />
      <div className={styles.title}>{title}</div>
      <div className={styles.price}>价格: {price}</div>
    </div>
  );
};

export default GoodsItem;
